/*MENU WITH BUTTONS*/
#menu {
	height: 34px;
	background-color: rgba(255, 255, 255, 0.08);
}

#menu div {
	cursor: pointer;
	float: left;
	display: block;
	background-image: url(graphics/buttons.png);
	overflow: hidden;
	height: 34px;
	float: left;
}

#menu #btn1 {
	margin-left: 20px;
	width: 129px;
}

#menu #btn1:hover {
	background-position: 0px -36px;
}

#menu #btn1.selected,#menu #btn1.selected:hover {
	background-position: 0px -72px;
}

#menu #btn2 {
	width: 113px;
	margin-left: 5px;
	background-position: -129px 0px;
}

#menu #btn2:hover {
	margin-left: 5px;
	background-position: -129px -36px;
}

#menu #btn2.selected,#menu #btn2.selected:hover {
	background-position: -129px -72px;
}

#menu #btn3 {
	width: 97px;
	margin-left: 5px;
	background-position: -242px 0px;
}

#menu #btn3:hover {
	background-position: -242px -36px;
}

#menu #btn3.selected,#menu #btn3.selected:hover {
	background-position: -242px -72px;
}

#menu #btn4 {
	width: 67px;
	margin-left: 5px;
	background-position: -339px 0px;
}

#menu #btn4:hover {
	background-position: -339px -36px;
}

#menu #btn4.selected,#menu #btn4.selected:hover {
	background-position: -339px -72px;
}

#menu #btn5 {
	width: 44px;
	margin-left: 435px;
	background-position: -406px 0px;
}

#menu #btn5:hover {
	background-position: -406px -36px;
}

#menu #btn5.selected,#menu #btn5.selected:hover {
	background-position: -406px -72px;
}

/*OTHER BUTTONS*/
/*BUTTONS*/
#buttons {
	position: relative;
	display: block;
	/* 	background-color: #4C4C4C; */
	height: 40px;
}

#buttonDemo { /* 	margin-top:8px; */
	padding: 5px;
	/* 	background-color: #4C4C4C; */
	border-style: solid;
	border-width: 1px;
	height: 20px;
	width: 150px;
	font-size: 20px;
	cursor: pointer;
	border-color: #6e7084;
	border-radius: 10px;
}

#buttonDemo:hover {
	border-color: #FFFFFF;
}

.selectedDemo {
	background-color: #FFFFFF;
	color: #222222;
}

#saveBtn {
	float: left;
	text-align: center;
	position: relative;
	font-size: 15px;
	color: #FFFFFF;
	height: 25px;
	width: 150px;
	background-color: #4C4C4C;
	border-color: #4C4C4C;
	margin-right: 200px;
}

#saveBtn:hover {
	cursor: pointer;
	background-color: #6C6C6C;
}

#addRowBtn {
	text-align: center;
	position: relative;
	font-size: 15px;
	color: #FFFFFF;
	margin: 2px;
	height: 20px;
	width: 20px;
	background-color: #6e7084;
	border-color: #4C4C4C;
	float: left;
}

#addRowBtn:hover {
	cursor: pointer;
	background-color: #6C6C6C;
}

#divideHoursBtn {
	text-align: center;
	position: relative;
	font-size: 14px;
	color: #FFFFFF;
	height: 25px;
	width: 50px;
	background-color: #4C4C4C;
	border-color: #4C4C4C;
}

#divideHoursBtn:hover {
	cursor: pointer;
	background-color: #6C6C6C;
}